@charset "utf-8";

/*统一的样式*/

/* reset */
*{margin:0;padding:0;list-style:none; font-size: 16px; box-sizing: border-box;} /*默认外边距 和 内边距*/ /*去圆点*/
img{border:none; vertical-align:bottom; max-width: 100%}

table {border-collapse:collapse;} /*边框会合并为一个单一的边框*/ /**/
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/
.h1, .h2, .h3, .h4, .h5, .h6,span, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px; font-size: inherit}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/  /*轮廓取消*/
/* link */
a{text-decoration:none; color: inherit; transition: 0s;}  /*清除超链接的下划线*/
a:hover{text-decoration:none; color: inherit;}
.clear{clear: both;}  /*清除浮动*/
/*统一的样式*/
ol, ul, dl{margin: 0px;}


html body {
	margin: 0px auto;
	max-width: 1920px;	
	min-width: 320px;
	font-size: 100%;
	font-family:  "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";
	background: #f9f9f9;
}
main{font-size: 16px;}

.max-width-12{
	max-width: 1200px;
	margin: 0 auto;
}

/*=================公共头部样式           开始==========================*/
header nav{
	background: #547473;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}
header .hea{
	border-bottom:4px solid #cfcf39;
	border-image: -webkit-linear-gradient(to right,#cfcf39,#e7e888,#fbfecf,#fafdab,#f8fa7b,#fdffdf,#deec30) 30 30;
	border-image: -moz-linear-gradient(to right,#cfcf39,#e7e888,#fbfecf,#fafdab,#f8fa7b,#fdffdf,#deec30) 30 30;
	border-image: linear-gradient(to right,#cfcf39,#e7e888,#fbfecf,#fafdab,#f8fa7b,#fdffdf,#deec30) 30 30;
}
header .h:before{

}
.h-logo{
	display: block;
}
.h-logo img{
	display: block;
}

header .h{
	display: flex;
	justify-content: space-between;
	padding-top: 22px;
	padding-bottom: 16px;
}
header .h .tel{
	display: block;
	color: #ffffff;
	font-size: 16px;
}
header .tel span{
	display: inline;
	color: #aabe89;
	font-size: 20px;
	font-weight: bold;
}
.nav{
	position: relative;
}
.nav:hover .ziLanmu{
	height: auto;
	opacity: 1;
}
.nav:hover .ziLanmu ul{
	padding: 20px 0 10px 0;
	transition: .3s;
	height: auto;
	opacity: 1;
}

.h-nav{
	display: flex;
	justify-content: space-between;
	padding-top: 18px;
}
.nav-list{
    justify-content: space-between;
   width: 85%;
	display: none;
}
.pc-nav{
	justify-content: space-between;
	width: 85%;
	display: flex;
}
.h-nav .search{
	width:170px ;
	position: relative;
	height: 26px;
}
.h-nav .search .find{
    display: none;
}
.h-nav .search h1{
    display: none;
}
.h-nav .search .close-2{
    display: none;
}
.h-nav .pc-nav li{
    width: 16.66%;
	color: #ffffff;
}
.h-nav dl dd{
	display: none;
}
.h-nav dt,
.h-nav .pc-nav li{
	padding-bottom: 28px;
	position: relative;
	display: inline-block;
}
.h-nav .pc-nav li a{
	display: inline-block;

}
.h-nav .pc-nav li.active a{
	color: #aabe89;

}
.h-nav .pc-nav li a{
	position: relative;
	padding: 4px 8px;
}
.h-nav .pc-nav li a:before{
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	opacity: 0;
	width: 0;
	height: 40px;
	background: url("../images/click-nav.png") no-repeat center 18px;
	transform: translateX(-50%) scale(0,1);
	transition: .3s all ease;
}
.h-nav .pc-nav li.active a:before{
	transform: translateX(-50%) scale(1,1);
	opacity:1;
	width: 100%;
}
.h-nav dt.active a{
	color: #aabe89;
	display: inline-block;
}
.h-nav dt a:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: 0;
	width: 0;
	height: 40px;
	background: url("../images/click-nav.png") no-repeat center 18px;
	transform: translateX(-50%) scale(0,1);
	transition: .3s all ease;
}
.h-nav dt:hover a{
	color:#aabe89;
	transition: all ease .3s;
}

.h-nav dt:hover a:before,
.h-nav .pc-nav li:hover a:before{
	transform: translateX(-50%) scale(1,1);
	width: 42px;
	opacity: 1;
}
.h-nav dt.active a:before,
.h-nav .pc-nav li.active a:before{
	transform: translateX(-50%) scale(1,1);
	width: 42px;
	opacity: 1;
}
.h-nav .search input{
	width: 110px;
	border:1px solid #aabe89;
	height: 100%;
	background: transparent;
	border-radius:13px 0 0 13px;
}
.h-nav .search input::-webkit-input-placeholder {
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.h-nav .search input::-moz-input-placeholder {
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.h-nav .search input::-ms-input-placeholder {
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.h-nav .search button{
	position: absolute;
	right: 0;
	background:#aabe89;
	z-index: 3;
	width: 60px;
	top: 0;
	border-radius: 0 13px 13px 0;
	height: 100%;
	border:1px solid #aabe89;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.function-button{
	display:none;
}
.function-button a{
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 20px;
}
.function-button .menu{
	background: url("../images/menu.png") no-repeat center center;
	background-size: contain;
    transition: .3s ease all;
    transform: rotateZ(0deg);
}
.function-button .menu.active{
    transform: rotateZ(90deg);
	background: url("../images/close.png") no-repeat center center;
    background-size: contain;
}

.function-button .select{
	background: url("../images/select.png") no-repeat center center;
	background-size: contain;
}


.banner{
    margin-top: 151px;
}
.banner2{
	display: none;
}
.banner .swiper-pagination.h1,
.banner2 .swiper-pagination{
	bottom: 20px;
}
.banner .swiper-pagination-bullet,
.banner2 .swiper-pagination-bullet{
	background: transparent;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	color: #fff;
	opacity: 1	;
	text-align: center;
	line-height: 30px;

}
.banner  .swiper-pagination-bullet-active,
.banner2  .swiper-pagination-bullet-active{
	background: #547473;
	border: none;
}
.ziLanmu{
	background: #5c8584;
	position: absolute;
	top: 100%;
	z-index: 99;
	width: 100%;
	height: 0;
	opacity: 0;
	transition: .3s;
	/*display: none;*/
}

.ziLanmu ul{
	width: 85%;
	display: flex;
	justify-content: space-around;
	height: 0;
	opacity: 0;
	transition: .5s;
}
.ziLanmu ul li{
	width: 16.66%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ziLanmu ul li h4{
	margin-bottom: 6px;
}
.ziLanmu ul li  a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	transition: .5s;
	padding: 4px 8px;
}
.ziLanmu ul li a:hover{
	color: #aabe89;
}
.head-bg{
	margin-top: 151px;
}
.head-bg .pic{
	height: 700px;
	width: 100%;
	position: relative;
}
.head-bg .pic2{
	width: 100%;
    position: relative;
	display: none;
}
.head-bg  .pic img,
.head-bg  .pic2 img{
	display: block;
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.head-bg .txt{
	position: absolute;
	top:250px ;
	text-align: center;
	z-index: 9;
	width: 100%;
}
.head-bg .txt h1{
	font-size: 80px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
}
.head-bg .txt p{
	color: #1d1d1d;
	font-size: 30px;
}

.head-bg .go-down{
	position: absolute;
	display: block;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border: 1px solid #332c2b;
	background: url("../images/down.png") #fff no-repeat center center;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
}

/*当前位置*/
.u-pos{
	color: #494747;
	margin-bottom: 48px;
	font-size: 14px;
}
.u-pos p{
	padding-left: 22px;
	background: url("../images/position.png") no-repeat left center;
	margin-top: 20px;
	line-height: 2;
}
.u-pos p a{
	display: inline;
	color: #494747;
	font-size: 14px;
}


/*=================公共头部样式           结束============================*/




/*=================首页样式              ===========================*/
/*首页数字滚动插件样式*/
.slide1{
	background: #d4ddf0;
	padding: 64px 0;
	margin-bottom: 50px;
}
.counter_list{
	margin: 0 auto;
	display: flex;
	background: #fff;
	margin-bottom: 26px;
	text-align: center;
	padding: 20px 0;
}
.wan{
	display: inline;
}
.counter_item:nth-of-type(3)  .counter{
	position: relative;
}
.counter_item:nth-of-type(3)  .counter:after{
	content: "万";
	font-size: 16px;
	color: #494747;
	font-weight: normal;
}
.counter_item{
	display: block;
	border-radius: 20px;
	background: #FFFFFF;
	width: 25%;
	position: relative;
}

.counter_item:before{
	content: "";
	height: 60px;
	width: 1px;
	background: #d0d0d0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.counter_item:last-of-type:before{
	display: none;
}
.counter {
	font-size: 41px;
	font-weight: 600;
	color: #547473;
}
.int{
	background: #fff;
	display: flex;
}
.int .txt{
	width: 42%;
	padding: 30px 30px 36px 40px;
}
.int .txt h1{
	color: #5b7877;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.int .txt h2{
	color: #b2b2b2;
	margin-bottom: 30px;
	font-size: 16px;
	text-transform: uppercase;
}
.int .txt>p{
	color: #494747;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 30px;
	text-align: justify;
}

.int .txt .more{
	display: block;

	color: #494747;
	font-size:14px ;
	padding-right: 20px;
	/*border-bottom: 1px solid #aabf88;*/
	width: 90px;
	margin-bottom: 40px;
	padding-bottom: 4px;
	position: relative;
	transition: .3s ease all;
}
.int .txt .more:hover{
	color:#aabf88 ;
}
.int .txt .more:before{
	content: "";
	background: #aabf88;
	bottom: 0;
	left: 0;
	width: 0;
	position: absolute;
	transition: .3s ease all;
	height: 1px;
}
.int .txt .more:hover:before{
	width: 100%;
}
.int .txt ul{
	display: flex;
	justify-content: space-around;
	color: #494747;
}
.int .txt ul li{
	text-align: center;
	transition: .2s;
}
.int .txt ul li:hover{
	color: #aabe89;
}
.int .txt ul li span{
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	margin-bottom: 16px;
}
.int .txt ul li:nth-of-type(1) span{
	background: url("../images/int-ic1a.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(2) span{
	background: url("../images/int-ic2.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(3) span{
	background: url("../images/int-ic3.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(4) span{
	background: url("../images/int-ic4.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(1) span:hover{
	background: url("../images/int-ic1.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(2) span:hover{
	background: url("../images/int-ic2a.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(3) span:hover{
	background: url("../images/int-ic3a.png") no-repeat center center;
}
.int .txt ul li:nth-of-type(4) span:hover{
	background: url("../images/int-ic4a.png") no-repeat center center;
}
.int .txt ul li img{
	margin-bottom: 18px;
}
.int .pic{
	width: 58%;
}
.int .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slide2{
	padding-bottom: 26px;
}
.slide2 h2{
	color: #d3d3d3;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
    display: flex;
    align-items: center;
}
.slide2 h2:after{
	content: "";
	flex: 1;
	background: #dddddd;
	height: 1px;
    display: inline-block;
    margin-left: 10px;
}
.slide2 .tit{
	margin-bottom: 30px;
}
.slide2 h1{
	color: #547473;
	font-size: 30px;
	font-weight: bold;
}
.slide2 .f{
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.slide2 .f .more{
	display: block;
	padding-left: 16px;
	background: url("../images/more.png") no-repeat top 5px left;
	color: #494747;
}
.slide2 .f .more:hover{
	color: #aabe89;
}
.slide2 .pro-type{
	width: 100%;

}
.slide2 .pro-type ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
	overflow: hidden;
	flex-wrap: wrap;
}
.slide2 .pro-type li{
	width: 33.33%;
	display: block;
	position: relative;
	padding-bottom: 18%;
	transition: .5s;
}
.slide2 .pro-type li a{
	background:rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20% 8% 0 8%;
	transition: all ease .5s;
}
.slide2 .pro-type li:hover{
	transform: translate(1.1,1.1);
}
.slide2 .pro-type li:hover a{
	background: rgba(84,116,115,0.85);
}
.slide2 .pro-type li:nth-of-type(1) {
	background: url("../images/type-ic1.jpg") no-repeat center center;
	background-size: cover;
}
.slide2 .pro-type li:nth-of-type(2){
	background: url("../images/type-ic2.jpg") no-repeat center center;
	background-size: cover;
}
.slide2 .pro-type li:nth-of-type(3){
	background: url("../images/type-ic3.jpg") no-repeat center center;
	background-size: cover;
}
.slide2 .pro-type li:nth-of-type(4){
	background: url("../images/type-ic4.jpg") no-repeat center center;
	background-size: cover;
}
.slide2 .pro-type li:nth-of-type(5){
	background: url("../images/type-ic5.jpg") no-repeat center center;
	background-size: cover;
}
.slide2 .pro-type li:nth-of-type(6){
	background: url("../images/type-ic6.jpg") no-repeat center center;
	background-size: cover;
}
.slide2 .pro-type h3{
	position: relative;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding:8% 0 8%  60px;
	transition: all ease .5s;
}
.slide2 .pro-type li:nth-of-type(1) h3{
	background: url("../images/type-ic1.png") no-repeat left center;
}
.slide2 .pro-type li:nth-of-type(2) h3{
	background: url("../images/type-ic2.png") no-repeat left center;
}
.slide2 .pro-type li:nth-of-type(3) h3{
	background: url("../images/type-ic3.png") no-repeat left center;
}
.slide2 .pro-type li:nth-of-type(4) h3{
	background: url("../images/type-ic4.png") no-repeat left center;
}
.slide2 .pro-type li:nth-of-type(5) h3{
	background: url("../images/type-ic5.png") no-repeat left center;
}
.slide2 .pro-type h3:before{
	content: "";
	display: block;
	opacity: 0;
	width: 36px;
	height: 36px;
	background:url("../images/more-jia.png") no-repeat center center;
	position:absolute;
	left: 10px;
	top: 130%;
	transform: scale(0,0);
	transition: .5s all ease;
}
.slide2 .pro-type li:hover h3{
	transform: translateY(-60px);
}
.slide2 .pro-type li:hover h3:before{
	transform: scale(1,1);
	opacity: 1;
}

/*=======3A艺术漆=======*/

.art-lacquer{
	width: 100%;
	background: #fff;
	padding: 50px 0;
	margin-bottom: 30px;
}
.art-lacquer .dt{
	display: flex;
	justify-content: space-between;
}
.art-lacquer .type{
	width: 306px;
}
.art-lacquer .case{
	width: 400px;
}
.art-lacquer .pro{
	width: 464px;
}
.art-lacquer .box1{
	background: url("../images/art-tit.jpg") no-repeat center center;
	background-size: cover;
	width: 100%;
	padding:30px 0 24px 0;
	color:#fff;
	text-align: center;
	position: relative;
}
.ext .box1{
    background: url("../images/color-card02.jpg") no-repeat center center !important;
    background-size: cover;
}

.art-lacquer .box1:before{
	content: "";
	width: 64%;
	height: 72%;
	position: absolute;
	top: 14%;
	left: 16%;
	border: 4px solid #fff;
}
.art-lacquer .box1:after{

}
.art-lacquer .box1 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}
.art-lacquer .box1 p{
	font-size: 14px;
	text-transform: uppercase;
	font-family: Arial;
}
.art-lacquer .box2{
	padding: 15px 10px;
	background: #f6f6f6;
	margin-bottom: 18px;
	height: 240px;
}
.art-lacquer .box2 .tit{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 8px;
}
.art-lacquer .box2 .tit p{
	color: #ababab;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
}
.art-lacquer .box2 .tit a{
	color: #494747;
	display: block;
	padding-left: 20px;
	background: url("../images/more2.png") no-repeat left center;
	text-align: right;
}
.art-lacquer .box2 .tit a:hover{
	color: #aabe89;
}
.art-lacquer .box2 ul{
	display: flex;
	flex-wrap: wrap;
	padding: 16px 2% 0 2%;
	justify-content: space-between;
}
.art-lacquer .box2 ul li{
	width: 44%;
	margin-bottom: 8px;
}
.art-lacquer .box2 ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #494747;
	font-size: 14px;
}
.art-lacquer .box2 ul li a:hover{
	color: #aabe89;
}
.art-lacquer .box3{
	background:#f6f6f6 ;
	height: 344px;
	padding: 20px 0;
}
.art-lacquer .box3 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px;
}
.art-lacquer .box3 ul li{
	width:134px;
	height: 134px;
	margin-bottom: 16px;
	overflow: hidden;
	transition: 0.5s;
}
.art-lacquer .box3 ul li:nth-of-type(3),
.art-lacquer .box3 ul li:nth-of-type(4){
	margin-bottom: 0px;
}




.art-lacquer .box3 ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	transition: 1s;
}

.art-lacquer .box3 ul li a img{
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
	display: block;
	transition: all ease .5s;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.art-lacquer .box3 ul li:hover{
	box-shadow: 0px 2px 6px #ccc;
	transform: translateY(-6px);
}
/* .art-lacquer .box3 ul li a p{
	position: absolute;
	top: 26px;
	left: 8px;
	font-size: 14px;
	color: #fff;
	z-index: 3;
} */
.art-lacquer .case .c{
	width: 100%;
	height: 342px;
	position: relative;
	overflow: hidden;
}
.art-lacquer .case img{
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
	transition: .8s;
}
/* .art-lacquer .case img:hover{
	transform: scale(1.1,1.1);
} */
.art-lacquer  .case .c:nth-of-type(1){
	margin-bottom: 18px;
}

.art-lacquer .pro ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.art-lacquer .pro ul li{
	width: 225px;
	height: 223px;
	margin-bottom: 16px;
}
.art-lacquer .pro ul li:nth-of-type(5),
.art-lacquer .pro ul li:nth-of-type(6){
	margin-bottom:0;
}

.art-lacquer .pro ul li:hover img{
	transform: scale(1.1,1.1);
}
/* .art-lacquer .pro ul li:hover span{
	height: 100%;
	line-height:223px;
	background: rgba(255,255,255,0.1);
	color: #000;
} */
.art-lacquer .pro ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.art-lacquer .pro ul li a img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: .5s;
}
.art-lacquer .pro ul li span{
	display: block;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: rgba(91,120,119,0.84);
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
	font-size: 14px;
	text-align: center;
	transition: .5s;
}
.ext{
	background: url("../images/ext-bg.jpg") no-repeat center center;
    background-size: cover;
}


/*四大优势*/
.advantage{
	padding-bottom: 70px;
}
.advantage .swiper-wrapper{
    display: flex;
    color: #fff;
    justify-content: space-between;
    flex-wrap: wrap;
    background: url("../images/mid-line.png") no-repeat center center;
    background-size: contain;
}
.advantag .swiper-pagination{
    display: none;
}
.advantage h1{
	color: #547473;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}
.advantage h2{
	color: #d3d3d3;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
}

.advantage .swiper-slide{
	width: 45%;
}
.advantage .txt{
	background: #559794;
	padding:10px 0 10px 36px;
	height: 200px;
}
.advantage .swiper-slide:nth-of-type(1),
.advantage .swiper-slide:nth-of-type(2){
	margin-bottom: 50px	;
}
.advantage .swiper-slide:nth-of-type(1) .txt,
.advantage .swiper-slide:nth-of-type(2) .txt{
	height: 175px;

}
.advantage .txt img{
	margin-right: 20px;
	margin-left: 10px;
}
.advantage  h3{
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.advantage  h3 b{
	font-size: 26px;
	font-weight: bold;
}
.advantage  p{
	font-size: 14px;
	line-height: 2.3;
}
.advantage .pic{
	padding-bottom: 69%;
	position: relative;
}
.advantage  .pic img{
	display: block;
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
}


/*新闻中心*/
.news-center{
	background: url("../images/news-bg.jpg") no-repeat center center;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 60px;
}
.news-center h2{
	color: #d3d3d3;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.news-center h1{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
.news-center .box1{
	width: 41.6%;
}
.news-center .max-width-12{
	display: flex;
	justify-content: space-between;
}
.tuwen{
	background: #fff;
	width: 100%;
	padding:30px  25px 20px 25px;
}
.news-center .tuwen h3{
	color: #484848;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	transition: .3s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-center .tuwen .time{
	color: #494747;
	font-size: 14px;
	margin-bottom: 30px;
	display: block;
}
.news-center .tuwen p{
	color: #6e6e6e;
	font-size: 14px;
	margin-bottom: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-center .box1 .more{
	display: block;
	color: #aabf88;
	position: relative;
	padding-bottom: 4px;
	width: 110px;
	text-transform: uppercase;
	font-size: 14px;
}
.news-center .tuwen .detail{
	margin-bottom: 20px;
	display: block;
}
.news-center .tuwen .detail:hover h3{
	color: #5b7877;
}
.news-center .box1 .more:before{
	content: "";
	background: #aabf88;
	height: 1px;
	position: absolute;
	left: 16px;
	width: 0;
	bottom: 0;
	transition: .5s;
}
.news-center .box1 .more:hover:before{
	width:90px ;
}
.news-center .box1 .pic{
	padding-bottom: 59%;
	position: relative;
}
.news-center .box1 .pic img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.news-center .box2{
	width: 53.5%;
	padding-top: 40px;
}
.news-center .box2 .tit{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 38px;
}
.news-center .box2 .tit li{
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-left: 10px;
	border: 1px solid #aabf88;
	color: #fff;
	border-radius:16px;
	transition: .5s;
}
.news-center .box2 .tit li.active{
	background: #aabf88;
}
.news-center .box2 .tit li:hover{
	background: #aabf88;
}
.news-center .box2 .tit li a{
	display: block;
	width: 100%;
	height: 100%;
}
.news-center .box2 .list a{
	display: block;
}
.news-center  .list .pic{
	width: 36.4%;
	padding-bottom:19%;
	position: relative;
	overflow: hidden;
}
.news-center  .list .pic:hover img{
	transform:scale(1.1,1.1) ;
}
.news-center  .list .pic img{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: .5s;
}
.news-center  .list li{
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding-bottom: 24px;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
.news-center  .list li:last-of-type{
	margin-bottom: 0;
}
.news-center  .list .txt{
	width: 60%;

}
.news-center  .list .txt .time{
	font-size: 14px;
	line-height: 2;
}
.news-center  .list .txt h3{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
.news-center  .list .txt h3:hover{
	color: #aabf88;
}
.news-center  .list .txt p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 2;
}
.news-center  .list .txt a{
	display: inline-block;
	text-transform: uppercase;
	line-height: 2;
	transition: .5s;
}
.news-center  .list .txt a:hover{
	color: #aabf88;
}
.news-center  .list .txt .more{
	position: relative;
	font-size: 14px;
	transition: .5s;
}

.news-center  .list .txt .more:before{
	content: "";
	width: 0;
	position: absolute;
	background:#aabf88 ;
	height: 1px;
	left: 16px;
	bottom: 0;
	transition: .5s;
}
.news-center  .list .txt .more:hover:before{
	width: 90px;

}

.join{
	background: url("../images/join-bg.jpg") no-repeat center center;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 30px;
}
.join h1 {
	color: #547473;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.join h2 {
	color: #d3d3d3;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.join p{
	color: #494747;
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
}
.join form{
	width: 57%;
	margin: 0 auto;
}
.join .form-group{
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
}
.join .form-group:nth-of-type(3){
	align-items: normal;
}
.join label{
	flex: 1;
	font-size: 14px;
	color: #494747;
	font-weight: normal;
}
.join input,.join textarea{
	width: 93%;
	box-shadow: none;
	border: none;

}
.join textarea{
	height: 130px;
}
.join input{
	height: 36px;
}
.join button{
	background: transparent;
	border: 1px solid #547473;
	transition: .5s;
	height: 42px;
	width: 132px;
	display: inline-block;
	margin: 0 16px;
	color: #494747;
}
.join button:hover{
	background: #547473;
	color: #fff;
}


/*===========产品中心===========*/

.pro-list{
	margin-bottom: 0px;
}
.search_view{
	margin: 0 auto;
	text-align: center;
}
.pro-list .type{
	display: flex;
	padding-left: 40px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 36px;
}
.pro-list .type  li{
	margin-right: 90px;
	transition: .3s;
	padding-bottom: 10px;
	position: relative;
}
.pro-list .type  li a{
	color: #0f0f0f;
	font-size: 18px;
	display: inline-block;
}
.pro-list .type  li:before{
	content: "";
	background: url("../images/sanjiao.png") no-repeat center;
	position: absolute;
	top: 100%;
	left:0%;
	width: 100%;
	height: 0px;
	opacity: 0;
	transition: .3s;
}
.pro-list .type  li:hover:before,
.pro-list .type  li.active:before{
	height: 15px;
	opacity: 1;
}
.pro-list .type  li:hover a,
.pro-list .type  li.active a{
	color: #547473;
}
.pro-list .series{
	display: flex;
	flex-wrap: wrap;
}


.pro-list .series li{
	padding:8px 0  8px 36px ;
	background: url("../images/tuliao.png") no-repeat left center;
	margin-right: 40px;
	margin-bottom: 12px;
	transition: .3s;
}
.pro-list .series li.active,
.pro-list .series li:hover{
	background: url("../images/tuliao01.png") no-repeat left center;
	color: #547473;
}
.pro-list .series li a{
	display: inline-block;
}
.pro-content{

}
.pro-content li{
	width: 100%;
}
.pro-content .pic{
	width: 24%;
	padding-bottom: 24%;
	position: relative;
}
.pro-content .pic img{
	position: absolute;
	object-fit: contain;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
}
.pro-content li{
	padding-bottom: 3%;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 48px;
}
.pro-content li a{display: block;width: 100%;display: flex;}
.pro-content .txt{
	width: 72%;
	padding:1% 10% 0 2%;
}
.pro-content .txt h3{
	font-size: 18px;
	color: #494747;
	padding-bottom: 3%;
}
.pro-content .txt p{
	color: #868686;
	font-size: 14px;
	text-align: justify;
	line-height: 1.8;
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.pro-content .detail{
	width: 110px;
	text-align: center;
	color: #547473;
	display: block;
	border-radius:16px;
	border: 1px solid #547473;
	padding: 4px 0;
	transition: .3s;
}
.pro-content .detail:hover{
	background:#547473 ;
	color: #fff;
}
.pro-content .more{
	background: #f0f0f0;
	text-align: center;
	padding: 12px 0;
	margin-bottom: 40px;
}


/*===========产品详情=============*/
.pro-deltail .pro-effect{
	width: 100%;
	margin-bottom: 60px;
}
.pro-effect .swiper-pagination-bullet{
	background: #547473;
}
.pro-deltail .pro-effect .swiper-slide{
	height: 600px;
}
.pro-deltail .pro-effect .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pro-deltail .content{
	display: flex;
	margin-bottom: 56px;
}
.pro-deltail .pic{
	width: 50%;
	padding-bottom: 50%;
	position: relative;
	border:1px solid #d2d2d2;
	overflow: hidden;
}
.pro-deltail .pic img{
	object-fit: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	transform: translate(-50%,-50%);
}
.pro-deltail .txt{
	width: 50%;
	padding-left: 3%;
}
.pro-deltail .txt h3{
	font-size: 20px;
	line-height: 42px;
	border-bottom: 1px solid #547473;
	margin-bottom: 30px;
	height: 42px;
}


.pro-deltail .txt h3 span{
	display: inline-block;
	color: #fff;
	background: #547473;
	height: 100%;
	width: 90px;
	text-align: center;
	border-radius: 15px 15px  0 0;
	margin-right: 20px;
	font-size: 20px;
}
.pro-deltail .txt h3:nth-of-type(2){
	font-size: 16px;
}
.pro-deltail .txt p{
	color: #494747;
	font-size: 14px;
	text-align: justify;
	line-height: 2;
	margin-bottom: 40px;

}
.pro-deltail  .pro-ask{
	display: flex;
	margin-bottom:10px ;
}
.pro-deltail  .pro-ask input{
	flex: 1;
	height: 44px;
	background: #fff;
	border: none;
	box-shadow: none;
}
.pro-deltail  .pro-ask textarea{
	flex: 1;
	height: 110px;
	background: #fff;
	border: none;
	box-shadow: none;
}
.pro-deltail .pro-ask label{
	background: #e2e2e2;
	text-align: center;
	width: 90px;
	height: auto;
	margin: 0;
	line-height: 44px;
	font-size: 16px;
	font-weight: normal;
	color: #494747;
}
.pro-deltail .pro-ask:last-of-type{
	margin-bottom: 20px;
}
.pro-deltail .pro-ask:last-of-type label{
	line-height: 110px;
}
.pro-deltail  button{
	background:#aabe89 ;
	width: 50%;
	color: #fff;
	height: 44px;
	border: none;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.color-card{
    margin-bottom: 48px;
}
.color-card .tit{
	padding: 24px 0;
	background: url("../images/color-card.jpg") no-repeat center center;
	background-size: cover;

}
.color-card .tit .box1{
	width: 290px;
	padding: 30px 0;
	border: 4px solid #fff;
	border-bottom: none;
	text-align: center;
	position: relative;
	margin:  0 auto;
}
.color-card .tit .box1:before,
.color-card .tit .box1:after{
	content: "";
	height: 4px;
	width: 82px;
	bottom: 0;
	position: absolute;
	background: #fff;
}
.color-card .tit .box1:before{
	left: 0;
}
.color-card .tit .box1:after{
	right: 0;
}
.color-card .tit h3{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}
.color-card .tit p{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.color-card ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.color-card ul li{
    width: 12.5%;
	padding-bottom: 12.5%;
	position: relative;
}
.color-card ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;

}
.color-card ul li a p{
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #402001;
}
.color-card ul li img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.color-card  .more{
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #494747;
    background: #f0f0f0;
}
.color-card  .more a{
    display: block;
    width: 100%;
}
.pro-deltail  .detail h3 span{
    display: inline-block;
    color: #fff;
    background: #547473;
    height: 100%;
    width: 116px;
    text-align: center;
    border-radius: 15px 15px  0 0;
    margin-right: 20px;
    font-size: 20px;
}
.pro-deltail .detail .box2{
    padding-bottom: 30px;
    border-bottom: 1px solid #547473;
}
.pro-deltail .detail h3{
    line-height: 42px;
    border-bottom: 1px solid #547473;
    margin-bottom: 30px;
    height: 42px;
    color: #494747;
    font-size: 14px;
}

.pro-deltail .detail p{
    color: #494747;
}
.pro-deltail .detail .box2 div{
	margin-bottom: 30px;
}
.news-detail .go-back{
	display: none;
}
.go-back{
    background: #aabe89;
    height: 44px;
    line-height: 44px;
    padding-left: 55px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    width: 166px;
    position: relative;
    margin: 20px auto 40px;
}
.go-back:before{
    content: "";
    background: url("../images/Home.png") #547473 no-repeat center center;
    height: 100%;
    width: 55px;
    position: absolute;
    top: 0;
    left: 0;
}

/*===========================艺术漆加盟=====================*/
.art-join .box1{
    background: url("../images/art-join-bg.jpg") no-repeat center center;
    background-size: cover;
    padding: 4% 0;

}
.art-join .box1 h1{
    color: #e1a05c;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2%;
}
.art-join .box1>p:nth-of-type(1){
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-bottom: 3%;
}

/*````````````````````````````````````````````````*/

.art-join .box1  ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 2%;
}
.art-join .box1  ul li{
    width: 168px;
    height: 168px;
    border-radius: 50%;
	text-align: center;
	color: #fff;
	background-size: contain;
	padding-top: 36px;
	position: relative;
	background: rgba(0,0,0,0.5);
}
.art-join .box1  ul li span{
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s linear all;
	z-index: 9;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-size: contain;
}
.art-join .box1 ul li:nth-of-type(2) span,
.art-join .box1 ul li:nth-of-type(4) span{
	background: url("../images/c-50.png") no-repeat right top;
}
.art-join .box1  ul li:nth-of-type(1) span{
	background: url("../images/c-40.png") no-repeat right top;
}



.art-join  .box1 ul li:nth-of-type(3) span{
	background: url("../images/c-5.png") no-repeat top 0 left 105px;
}
.art-join  .box1 ul li:nth-of-type(5) span{
	background: url("../images/c-80.png") no-repeat right top;
}
.art-join  .box1 ul li:nth-of-type(3){
	width: 210px;
	height: 210px;
}
.art-join .box1  ul li b{
	font-size: 50px;
	font-weight: bold;
	font-family: Arial;
}
.art-join .box1 ul li p{
	font-size: 20px;
	line-height:1;
	font-weight: normal;
}
.art-join .box1>p{
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.art-join .box1>p b{
	color: #e1a05c;
	font-weight: bold;
	font-size: 30px;
}

.art-join .box2{
	padding: 6%;
}
.art-join .box2 h1{
	font-size: 50px;
	color: #547473;
	text-align: center;
	font-weight: bold;
	margin: 0;
	margin-bottom: 70px;
}
.art-join .box2 .type{
	display: flex;
	justify-content: center;
	margin-bottom: 70px;
}
.art-join .box2 .type li{
	width: 148px;
	height: 148px;
	background: #547473;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	padding-top: 35px;
	margin: 0 7%;
}
.art-join .box2 .type li b{
	font-size: 30px;
}
.art-join .box2 .type li p{
	font-size: 12px;
}
.art-join .box2 .type-detail{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.art-join .box2 .type-detail li{
	width: 24%;
	height: 24%;
	margin-bottom: 1.33%;
}

.art-join .box3{
	background: url("../images/art-join-bg2.jpg") no-repeat center center;
	background-size:cover ;
	padding-bottom: 6%;
	padding-top: 2%;
}
.art-join .box3 h1{
	font-size: 50px;
	color: #547473;
	text-align: center;
	font-weight: bold;
	margin: 0;
	margin-bottom: 2%;
}
.art-join .box3 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.art-join .box3 ul li{
    width: 27%;
    padding-bottom: 20%;
    position: relative;
    border: 2px solid #fff;
    border-radius: 2px;
    margin-bottom: 1%;
}
.art-join .box3 ul li:nth-of-type(3n+3){
    width: 44%;
}
.art-join .box3 ul li img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.art-join .box4{
    background: url("../images/art-join-bg3.jpg") no-repeat center center;
    background-size: cover;
    padding:130px 0 100px 0 ;
}

.art-join .box4 .max-width-12>h1{
    margin: 0 auto;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8%;
}
.art-join .box4 .contrast{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 6%;
}
.art-join .box4 .contrast li{
    width: 42%;
    display: flex;
    margin-bottom: 1%;
}
.art-join .box4 .contrast li:nth-of-type(even){
    display: flex;
    flex-direction: row-reverse ;
}
.art-join .box4 .contrast li .pic{
    width: 50%;
    border: 2px solid #fff;
}
.art-join .box4 .contrast li .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.art-join .box4 .contrast li .txt{
    background: #fff;
    padding: 6% 2% 13% 2%;
    width: 50%;
}
.art-join .box4 .contrast li .txt h3{
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #547473;
    margin: 0;
    margin-bottom: 6%;
}
.art-join .box4 .contrast li .txt p{
    color:#494747;
    font-size: 22px;
    font-weight: normal;
}
.art-join .box4 .vs{
    width: 16%;
    display: block;
    height: auto;
    background: url("../images/vs.png") no-repeat center center;
    background-size: 50%;
}
.art-join .box4  .strength{
    background: #fff;
    padding: 40px 30px 58px 30px ;
    border-radius: 50px;
}
.art-join .box4  .strength  h2{
    color: #547473;
    font-size: 50px;
    font-weight: bold;
    padding-left:120px;
    line-height: 1.5;
    background: url("../images/art-join-icon01.png") no-repeat center left 10px;
    position: relative;
    margin-bottom: 3%;
}
.art-join .box4  .strength  h2:before{
    content: "";
    width: 1px;
    height: 100%;
    left: 96px;
    background:#547473 ;
    top: 0;
    position: absolute;
}
.art-join .box4  .strength .content{
    display: flex;
    justify-content: space-between;
}
.art-join .box4  .strength .txt{
    width: 53%;
}
.art-join .box4  .strength ul{
    background:#547473 ;
}
.art-join .box4  .strength li{
    font-size: 20px;
    color: #fff;
    margin-bottom: 2%;
}
.art-join .box4  .strength li b{
    color: #fffb27;
    font-size: 24px;
    font-weight: bold;
}
.art-join .box4  .pic{
    color: #547473;
    font-size: 20px;
    width:42% ;
}
.art-join .strength .txt{
    padding: 3% 4%;
    border-radius: 50px;
}
.art-join .box4  .pic .f{
    display: flex;
    justify-content: space-between;
}
.art-join  .tside{
    margin-bottom: 5%;
}
.art-join  .tside>div{
    width: 49%;
    padding-bottom: 30%;
    position: relative;
}
.art-join  .f>div img{
    display: block;
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.art-join  .dside>div{
    padding-bottom: 18%;
    position: relative;
}
.art-join .pic p:nth-of-type(1){
    margin-bottom: 1%;
}
.art-join .pic p:nth-of-type(2){
    margin-bottom: 3%;
}
.art-join  .dside>div:nth-of-type(1){
    width: 32%;
}
.art-join  .dside>div:nth-of-type(2){
    width: 30%;
}
.art-join  .dside>div:nth-of-type(3){
    width: 36%;
}

.art-join .box5{
    text-align: center;
	padding: 40px 0;
}
.art-join .box5 h1{
    color: #547473;
    font-size: 50px;
    font-weight: bold;
}
.art-join .box5 p{
    background: #aabe89;
    font-size: 30px;
    color: #fff;
    width: 48%;
    padding: 12px 0;
    border-radius: 5px;
    margin: 0 auto;
	margin-bottom: 2%;
}
.art-join .box5 .pic{
}
.art-join .box5 .pic li{
    width: 18%;

}
.art-join .box5 .pic li:first-of-type{
	margin-left: 12%;
}
.art-join .box5 .pic li:last-of-type{
	margin-right: 12%;
}
.art-join .box5 .pic li img{
	display: block;
	transition: .5s ease all;
}
.art-join .box5 .pic li img:hover{
	transform: scale(1.1,1.1);
}
.art-join .box5 .pic{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	margin-bottom: 3%;
}
.art-join .box5 .txt{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.art-join .box5  .txt li{
	font-size: 20px;
	width: 20%;
	margin-right: 6.66%;
	text-align: center	;
	background: #547473;
	color: #fff;
	padding: 10px 0;
	border-radius: 5px;
	margin-bottom: 20px;
}
.art-join .box5  .txt li:nth-of-type(4n+4){
	margin-right:0;
}
.art-join .box6{
	background: url("../images/art-join-bg4.jpg") no-repeat center center;
	background-size:cover ;
	padding: 100px 0;
	margin-bottom: 80px;
}
.art-join .box6 h1{
	color: #547473;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	margin-bottom: 20px;
}
.art-join .box6 .t2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5%;
}
.art-join .box6 .t2 p{
	text-align: center;
	color: #000000;
	font-size: 30px;
	padding: 0 20px;
}
.art-join .box6 .t2 span{
	display: inline-block;
	height: 1px;
	flex: 1;
	background: #000;
}
.art-join .box6 .pic{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.art-join .box6 .pic li{
	width: 24%;
	padding-bottom: 17%;
	position: relative;
	margin-bottom: 1.33%;
	background: #000;
	overflow: hidden;
}
.art-join .box6 .pic li a{
	display: block;
}
.art-join .box6 .pic li img{
	position: absolute;
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: .5s;
}
.art-join .box6 .pic li img:hover{
	opacity: 0.6;
	transform: scale(1.1,1.1);
}
.same-join .box7 .top-sw{
	background: #e6e6e6;
	padding: 40px 12% 0 12%;
	margin-bottom: 28px;
	position: relative;
}
.same-join .box7  h1{
	color: #547473;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 ;
	margin-bottom: 40px;
}
.same-join .box7 .gallery-top .swiper-slide{
	padding-bottom: 64%;
}
.same-join .box7 .gallery-top .swiper-slide img{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.same-join .box7 .gallery-thumbs .swiper-slide{
	cursor: pointer;
	padding-bottom: 16%;
	position: relative;
}
.same-join .box7 .gallery-thumbs{
	padding-bottom: 50px;
}
.same-join .box7 .gallery-thumbs .swiper-slide{
	background: #000;
}
.same-join .box7 .gallery-thumbs .swiper-slide img{
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	top: 0;
	left: 0;
}
.same-join .box7 .gallery-thumbs .swiper-slide-thumb-active img{
	opacity: 1;
}
.same-join .box7 .gallery-thumbs .swiper-pagination-bullet-active{
	background: #547473;
}





.painting-join .box1 h1{
	color: #547473;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	margin-bottom: 10px;
}
.painting-join .box1 h3{
	color: #547473;
	font-size: 30px;
	text-align: center;
	margin: 0;
	margin-bottom: 30px;
}
.painting-join .box1>p{
	font-size: 14px;
	color: #494747;
	text-indent: 28px;
	line-height: 2;
	margin-bottom: 30px;
}
.painting-join .box1 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.painting-join .box1  ul li{
	width:32% ;
	margin-bottom: 60px;
}
.painting-join .box1  ul li>div{
	padding-bottom: 70%;
	position: relative;
	margin-bottom: 16px;
}
.painting-join .box1  ul li>div img{
	position: absolute;
	top: 0;
	left: 0 ;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.painting-join .box1  ul li p{
	text-align: center;
	color: #494747;
	font-size: 20px;
}
.painting-join .box2{
	background: #eff6fa;
	padding: 50px 0 0 0 ;
	margin-bottom: 70px;
}
.painting-join .box2 h2{
	color: #547473;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.painting-join .box2>p{
	color: #494747;
	font-size: 16px;
	text-align: center;
	margin-bottom: 32px;
}
.painting-join .box2 .tit{
	margin: 0 auto;
	width: fit-content;
	margin-bottom: 54px;
}

.painting-join .box2 .tit li{
	display: inline-block;
	width: 175px;
	padding: 12px 0;
	margin: 0 10px;
	border-radius: 5px;
	border: 1px solid #547473;
	text-align: center;

}
.painting-join .box2 .tit li a{
	display: block;
}
.painting-join .box2 .type{
	border-bottom: 1px solid #547473;
	display: flex;
	justify-content: space-between;
	margin-bottom: 38px;
}
.painting-join .box2 .type ul{
	display: inline-block;
}

.painting-join .box2 .type li{
	display: inline-block;
	text-align: center;
	margin-right: 18px;
	transition: .5s;
}
.painting-join .box2 .type li a{
	display: block;
	padding: 12px;
	color: #494747;
	transition: .5s;
}
.painting-join .box2 .type li.active a,
.painting-join .box2 .type li:hover a{
	background: #547473;
	color: #fff;
}
.painting-join .box2 .type .more{
	display: inline-block;
	height: auto;
	line-height: 46px;
}
.painting-join .box2 .type .more span{
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #547473;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
}
.painting-join .box2 .pro-detail{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.painting-join .box2 .pro-detail li{
	width: 24%;

}
.painting-join .box2 .pro-detail li a{
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	display: block;
}
.painting-join .box2 .pro-detail li a img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}
.painting-join .box2 .pro-detail li p{
	width: 100%;
	padding: 12px 0;
	color: #fff;
	background: rgba(91,120,119,0.84);
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.painting-join .box2 .txt{
	padding: 50px 0;
	text-align: center;
	background: #75988c;
	color: #fff;
	font-size: 20px;
}


/*======================工程案例===================*/

.all-case .case-list h2{
	color: #547473;
	font-size: 32px;
	text-align: center;
	margin-bottom: 40px;
}
.all-case .case-list .big{
	display: flex;
	align-items: center;
	margin-bottom: 44px;
}
.all-case .case-list .big  .txt:before{
	content: "";
	background:rgba(84,116,115,0.81) ;
	right: 100%;
	height: 100%;
	width: 40px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	position: absolute;
}
.all-case .case-list .big .txt{
	width: 50%;
	padding: 3% 6px 8% 6px ;
	background: rgba(84,116,115,0.81);
	color: #fff;
	height: fit-content;
	position: relative;

}
.all-case .case-list>li{
	margin-bottom: 70px;
}
.all-case .case-list .big .txt h4{
	font-size: 20px;
	margin-bottom: 5%;
}
.all-case .case-list .big .txt p{
	font-size: 14px;
	line-height: 1.5;
}
.all-case .case-list .big .pic{
	width: 50%;
	position: relative;
	padding-bottom: 30%;
}
.all-case .case-list .big .pic img{
	object-fit: cover;
	position: absolute;
	display: block;
}
.all-case .case-list .some-list{
	display: flex;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
}
.all-case .case-list .some-list .item{
	width: 32%;
	margin-bottom: 36px;
	margin-right: 2%;
}
.all-case .case-list .some-list .item:nth-of-type(3n+3){
	margin-right: 0;
}
.all-case .case-list .some-list .item a{
	width: 100%;
	padding-bottom: 73%;
	position: relative;
	display: block;
	overflow: hidden;
}
.all-case .case-list .some-list .item a img{
	position: absolute;
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
}
.all-case .case-list .some-list .item:hover .ms{
	bottom: 0;
}
.all-case .case-list .ms{
	width: 100%;
	background: rgba(84,116,115,0.81);
	position: absolute;
	padding: 4% 5% 12% 5%;
	bottom: -136px;
	transition: .5s;
}
.all-case .case-list .ms h5{
	text-align: center;
	font-size: 16px;
	margin-bottom: 16px;
	color: #fefefe;
}
.all-case .case-list .ms p{
	font-size: 14px;
	background: #aabe89;
	padding: 10px 24px;
	color: #494747;
}
.all-case .case-list .ms p:nth-of-type(1){
	margin-bottom: 10px;
}

.all-case .case-list .load-more__btn{
	background: #f0f0f0;
	text-align: center;
	padding: 12px 0;
	margin-bottom: 40px;
	width: 100%;
}


.case-list2{display: flex;flex-wrap: wrap;}
.case-list2 li{width: 32%;margin-right: 2%;margin-bottom: 50px; position: relative;border: 1px solid #eee;transition: 0.5s;} 
.case-list2 li:nth-of-type(3n+3){margin-right: 0;}
.case-list2 li a{display: block;width: 100%;padding: 6px;}
.case-list2 li .pic{width: 100%;padding-bottom: 75%;position: relative;margin-bottom: 16px;}
.case-list2 li .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;display: block;}
.case-list2 li p{font-size:14px ;color:#797979;text-align: center;}
.case-list2 li:hover{transform: translateY(-10px);box-shadow: 2px 4px 8px #ccc;}
.case-view h5{width: 100%;background: #eee;text-align: center;font-size: 18px;color:#333;padding: 20px 0;}
.case-type-list ul{width: 100%;}
.case-ser{margin: 40px 0;}
.case-type-list li{width: 100%;display: flex;border: 1px solid #eee;border-top:none; padding:10px 20px;}
.case-type-list li:first-of-type{border-top: 1px solid #eee;}
.case-type-list li span{display:block;width: 70px;font-size: 16px;color: #333;padding: 8px 0;white-space: nowrap;}
.case-type-list li span i{display: none;}
.case-type-list li a{transition: 0.5s; border-radius:4px;display: inline-block;font-size: 16px;color: #797979;margin-right: 20px;padding: 8px 10px;height: fit-content;}
.case-type-list li .type-detail{flex: 1;}
.case-list2{text-align: center;}
.case-type-list li a.active{background: #797979;color:#fff;}
.case-type-list li a:hover{background: #797979;color:#fff;}

/*合作客户*/
.partner{
	background: url("../images/case-bg01.jpg") no-repeat center center;
	background-size: cover;
	padding: 50px;
}
.partner h2{
	font-size: 32px;
	color: #547473;
	text-align: center;
	margin-bottom: 70px;
}
/*.partner ul{*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	flex-wrap: wrap;*/
/*}*/
.partner ul li{
	/*width: 16%;*/

}
.partner ul li>div{
	height: 80px;
	background: #fff;
	margin-bottom: 40px;
	overflow: hidden;
	width: 100%;
}
.partner ul li>div img{
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
.partner .swiper-container{
	padding-bottom: 2%;
}
.partner .swiper-pagination-bullet-active{
	background: #547473;
}

/*新闻中心*/
.news-list{
	width: 100%;
}
.news-list li{
	width: 100%;
	transition: all ease .5s;
	border-bottom: #eeeeee 1px solid;
	background: #fff;
	margin-bottom: 20px;
}
.news-list li.active  .txt  .cont h3,
.news-list li:hover  .txt  .cont h3{
	color: #547473;
}
.news-list li.active,
.news-list li:hover{
	box-shadow: 1px  4px 5px #eeeeee;
	background: #fff;
}

.news-list li a{
	padding: 2%;
	display: flex;

}

.news-list li .pic{
	width: 28%;
	padding-bottom: 20%;
	position: relative;
}
.news-list li .pic img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}
.news-list li .txt{
	width: 72%;
	display: flex;
	flex-wrap: wrap;
	padding-left: 5%;
}

.news-list li .txt  .cont h3{
	font-size: 18px;
	color: #161616;
	margin-bottom: 20px;
	transition: ease .5s;
}
.news-list li .txt .cont p{
	font-size: 14px;
	color: #494747;
	display: -webkit-box;
	line-height: 1.8;
	text-align: justify;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.news-list li .txt .time{
	align-self:flex-end;
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #494747;
	padding-top: 20px;
}
.news-list li .txt .time span{
	display: inline-block;
	margin-left: 20px;
	background: url("../images/eye.png") no-repeat left center ;
	padding-left: 30px;

}
.news-list li .txt .time{
	background: url("../images/next1.png") no-repeat right top;
	transition: .5s;
}

.news-list li.active .txt .time,
.news-list li:hover .txt .time{
	background: url("../images/next2.png") no-repeat right top;
}

/*===========================新闻详情======================*/
.news-detail{
	display: flex;
	justify-content: space-between;
	margin-bottom: 68px;
}
.news-detail .main{
	background: #fff;
	border:1px solid #eeeeee;

	width: 72%;
}
.news-detail .main .pad-20{
	padding: 4% 3%;
	padding-bottom: 0;
}
.news-detail .main h2{
	font-size: 20px;
	color: #494747;
	margin-bottom: 20px;

}
.news-detail .main .shale{
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 36px;
}
.news-detail .main .shale p{
	color:#494747
}
.news-detail .main .shale p span{
	display: inline-block;
	margin-right: 30px;
}
.news-detail .rside{
	width: 27%;
}
.popup_douban{
	background: url("../images/douban.png") no-repeat -4px -5px!important;
}
.news-detail .main  .content p{
	font-size: 14px;
	line-height: 2;
	margin:  20px 0;
}
.news-detail .main .t-page .go-back{
	display: none;
}
.news-detail .main  .t-page{
	display: flex;
	border-top: 1px solid #bfbfbf;
}
.news-detail .main  .t-page a{
	display: block;
	text-align: center;
	color: #494747;
	font-size: 14px;
	padding: 26px 0;
	width: 33.33%;

}
.news-detail .main  .t-page .back{
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}
.news-detail .rside .pub{
	width: 100%;
	background: #fff;
	border: 1px solid #eeeeee;
	font-size: 16px;
	color: #494747;
	padding: 16% 4% 8% 4%;
	margin-bottom: 4%;
}
.news-detail .rside .pub h2{
	font-size: 20px;
	color: #547473;
	margin-bottom: 20px;
	border-bottom: 1px solid #bfbfbf;
}
.news-detail .rside .pub h2 span{
	display: inline-block;
	border-bottom: 2px solid #547473;
	padding-bottom: 10px;
}
.news-detail .rside .pub ul{
	background: #fff;

}
.news-detail .rside .pub li{
	margin-bottom: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-detail .rside .pub a{
	display: block;
	transition: .3s;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-detail .rside .pub a:hover{
	color: #547473;
}

/*品牌简介*/
.about-us  .profile .tit{
    width: fit-content;
    text-align: center;
    padding: 20px 0 40px 58px;
    background: url("../images/tit-icon1.png") no-repeat left top;
}
.about-us  .profile .tit p{
    font-family: "bell_mtbold";
    font-size: 18px;
    margin-bottom: 4px;
}
.about-us  .profile .tit h1 {
   color:  #547473;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.about-us  .profile{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap ;
}
.about-us  .profile .txt{
    width: 50%;
    padding-right: 3%;
}
.about-us  .profile p{
    text-indent: 24px;
    font-size: 14px;
    color: #494747;
    line-height: 1.8;
}
.about-us  .profile .txt>p{
    border-top:1px solid #d2d2d2;
    text-indent: 24px;
    font-size: 14px;
    color: #494747;
    padding-top: 30px;
    line-height: 1.8;
    text-align: justify;
}
.about-us  .profile .txt>p span{
    padding-left: 24px;
    display: inline-block;
}
.about-us  .profile .pic{
    margin-top: 2%;
    padding: 2% 2% 2% 0;
    position: relative;
    width: 50%;
}
.about-us  .profile .pic:before{
    content: "";
    background: #547473;
    right: 0;
    top: 0;
    height: 100%;
    width: 60%;
    position: absolute;
    z-index: -1;
}
.about-us  .profile .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-us .culture{
    background: #d4ddf0;
    padding: 3%;
    margin-bottom: 60px;
}
.about-us .culture .tit{
    background: url("../images/news-bg2.jpg") no-repeat center center;
    background-size: cover ;
    padding-top: 5%;
    padding-bottom: 12%;
    text-align: center;
    color: #fff;
}
.about-us .culture .tit h2{
    font-size: 34px;
    font-family: bell_mtbold;
    margin: 0 ;
    text-transform: uppercase;
    margin-bottom: 1%;
}
.about-us .culture .tit h1{
    font-size: 42px;
    margin: 0;
}
.about-us .culture .box1{
    display: flex;
    color: #494747;
}
.about-us .culture .box1>div{
    width: 33.33%;
    padding:50px 40px 50px 40px ;
}
.about-us .culture .box1>div:nth-of-type(odd){
    background: #e8e8e8;
}
.about-us .culture .box1>div:nth-of-type(even){
    background: #ffffff;
}

.about-us .culture .public h4{
    text-transform: uppercase;
    font-size: 20px;
    font-family: bell_mtbold;
    margin-bottom: 4px;
}
.about-us .culture .public h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}
.about-us .culture .public p{
    font-size: 14px;
    line-height: 1.8;
}

.about-us .culture .box2{
    display: flex;
}
.about-us .culture .box2 .txt{
    width: 66%;
}

.about-us .culture .box2 .pic{
    width: 33.33%;
    overflow: hidden;
}
.about-us .culture .box2 .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about-us .culture .box2 .txt>div p{
    margin-bottom: 15px;
}
.about-us .culture .box2 .txt>div b{
    font-size: 16px;
    font-weight: bold;
    color: #494747;
    margin-right: 6px;
}
.about-us .culture .box2 .txt>div p:last-of-type{
    margin-bottom: 0;
}
.about-us .culture .box2 .txt>div:nth-of-type(1){
    background: #f3f3f3;
    padding:50px 0 24px 40px ;
}
.about-us .culture .box2 .txt>div:nth-of-type(2){
    background: #e8e8e8;
    padding:16px 0 16px 40px ;
}
.about-us  .develop{
    padding: 0 10px;
    margin-bottom: 60px;
}
.about-us .pub-tit .tit{

    width: fit-content;
    text-align: center;
    padding: 20px 0 40px 56px;
    background: url("../images/tit-icon1.png") no-repeat left top;
    margin: 0 auto;
}

.about-us  .pub-tit .tit p{
    font-family: "bell_mtbold";
    font-size: 18px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.about-us  .pub-tit .tit h1 {
    color:  #547473;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.about-us  .develop .content{
    width: 100%;
    border: 1px solid #547473;
    padding: 40px 24px 40px 60px;
}

.about-us  .develop .content li .tit2{
    color: #547473;
    font-size: 20px;
	display: flex;
}
.about-us  .develop .content li .tit2 h4{
	flex: 1;
}
.about-us .develop .content li{
	padding-right: 20px;
}
.history{
	height: 500px;
}
.history2{
	height: 100%;
	display: none;
}
.history2 .swiper-slide {
	font-size: 18px;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
.about-us  .develop .content li .tit2 span{
    display: inline-block;
    margin-right: 30px;
    padding: 0 0 0 50px;
 
}
.about-us  .develop .content li::before{
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
	top: 0;
	z-index: 3;
	/* background: #547473; */
	background: url("../images/about-us03.jpg") no-repeat center left;
}
.about-us  .develop .content li::after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 14px;
    top: 0;
	background: #547473;
	z-index: 2;
}
.about-us  .develop .content li p{
    padding-left: 130px;
    font-size: 14px;
    color: #494747;
    padding-top: 10px;
    padding-bottom: 30px;
	position: relative;
	
}

.about-us .develop .read-more{
    border: 1px solid #547473;
    width: 216px;
    padding: 12px 0;
    color: #494747;
    text-align: center;
    font-size: 16px;
    display: block;
    position: unset;
	transition: .5s ease;
	top: unset;
	bottom: 0;
	margin: 0;
	background: url("../images/more-down.png") no-repeat left 30px center;
	display: none;
}

.about-us  .develop .read-more:hover{
   background: url("../images/more-down.png") #547473 no-repeat left 30px center;
   color: #fff;
}
.develop .read-more .swiper-button-disabled{
	opacity: 0.8;
}


.about-us .honor{
    background: url("../images/about-us-bg01.jpg") no-repeat center center;
    background-size:cover ;
    padding: 70px 0 40px 0;
    margin-bottom: 50px;
}
.more-honor{transition: 0.4s; display: block;margin:0 auto;margin-top: 30px; background: #fff;text-align: center;color: #333333;padding: 12px;width: 160px;}

.more-honor:hover{background: #547473;color: #fff;}
.about-us .honor .txt>p{
    color: #494747;
    font-size: 14px;
    text-align: center;
    margin-bottom: 50px;
}
.certificate{
    padding-bottom: 60px;
}
.certificate .swiper-slide{
    background: #fff;
    padding: 1%;
    padding-bottom: 24px;
}
.certificate .swiper-slide a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
	width: 90%;
	height: 90%;
    object-fit: contain;
}
.certificate .swiper-slide a{
    display: block;
}
.certificate .swiper-slide a div{
    width: 98%;
    padding-bottom:131%;
    position: relative;
    border: 1px solid #d2d2d2;
    margin-bottom: 24px;
}
.certificate .swiper-slide a p{
    text-align: center;
    color: #494747;
    font-size: 14px;
}
.certificate .swiper-pagination-bullet-active{
    background: #547473;
}

/*智造基地*/
.about-us .base{
    background: #fff;
    padding: 2%;
    margin-bottom: 60px;
}

.about-us .base .txt>p{
    color: #494747;
    font-size: 14px;
    margin-bottom: 30px;
}
/*.about-us .factory{*/
    /*display: flex;*/
    /*justify-content: space-between;*/
/*}*/
.about-us .factory .factory-l{
    width: 72%;
    padding: 16px;
    border: 1px solid #d2d2d2;
}
.about-us .factory{
    padding-bottom: 50%;
    position: relative;

}
.about-us .factory>div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
}
.about-us .factory .factory-l .swiper-slide img{
   display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-us .factory .factory-r{
    width: 26%;
    height: 100%;
    background: #547473;
    padding: 12px;
    padding-bottom: 5%;
    position: relative;
}
.about-us .factory .factory-r .swiper-container{
    height: 100%;
    position: unset;
}
.about-us .factory .factory-r  .swiper-slide{
    padding-bottom: 58%;
    position: relative;
}

.about-us .factory .factory-r  .swiper-slide>img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about-us  .factory-r   .swiper-button-next{
    color: transparent;
    width: 28px;
    top: 94%;
    background: url("../images/next.png") no-repeat center center;
    right: 36%;
}
.about-us  .factory-r  .swiper-button-prev{
    left: 36%;
    width: 28px;
    top: 94%;
    color: transparent;
    background: url("../images/prev.png") no-repeat center center;
}

/*=====================人才招聘================*/

.recruit{
    margin-bottom: 110px;
}
.recruit .public h2{
    color: #0f0f0f;
    font-size: 20px;
    padding: 12px 0;
    padding-left: 26px;
    background: url("../images/tit-icon2.png") no-repeat left center;
    margin-bottom: 20px;
}
.recruit .public>p{
    font-size: 14px;
    color: #494747;
    padding-left: 26px;
    margin-bottom: 40px;
}
.recruit .box1{
    margin-bottom: 20px;
}
.recruit .box1 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.recruit .box1 ul li{
    width: 24%;
    margin-bottom: 1.33%;
	background: #000;
	overflow: hidden;
}
.recruit .box1 ul li img{
	transition: .5s;
}
.recruit .box1 ul li img:hover {
	transform: scale(1.1,1.1);
	opacity: 0.5;
}
.recruit .box1 ul li a{
	display: block;
}
.recruit .ss ul{
    display: flex;
    justify-content: space-between;
}
.recruit .ss ul li{
    width: 100px;
}
.recruit .ss ul li img{
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
}
.recruit .ss ul li p{
    text-align: center;
    color: #0f0f0f;
    font-size: 14px;
}
.recruit .box2{
    margin-bottom: 70px;
}
.recruit .box3{
    margin-bottom: 120px;
}
.recruit .box4  thead{
    background: #547473;
    width: 100%;
}
.recruit .box4  thead tr{
    border-bottom: 1px solid #fff;
}
.recruit .box4  thead td{
    color: #fff;
    border-right: 1px solid #fff;
}
.recruit .box4  thead td:last-of-type{
    border-right:none;
}
.recruit .box4  tbody tr{
    border-bottom: 2px solid #fff;
    background: #dfdfdf;
    color: #494747;
    transition: .3s ;
}
.recruit .box4 td{
    width: 20%;
    text-align: center;
    padding: 20px 0;
    font-size: 14px;

}
.recruit .box4 tbody tr td:last-of-type{
    padding:20px 1% ;
}
.recruit .box4 tbody tr:hover{
    background: #aabe89;
    color: #fff;
}

/*=================在线留言=========*/

.online-message .box1{
	border: 1px solid #547473;
	box-shadow: 10px 10px 0px #547473 ;
	margin-bottom: 50px;
	padding: 3% 4%;
	display: flex;
	justify-content: space-between;
}
.online-message .box1>h1,
.online-message .box1>p{
	display: none;
}
.online-message>h1{
	text-align: center;
	font-size: 30px;
	color: #272727;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 4px solid #547473;
	width: fit-content;

}
.online-message .box1 form{
	width: 56%;
}
.online-message .box1 .group{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.online-message .box1 .txta{
	align-items: normal	;
}
.online-message .box1 .group h4{
	font-size: 18px;
	color: #494747;
	margin-right: 10px;

}
.online-message .box1 .group h4 span{
	display: inline-block;
	color: #547473;
	margin-right: 6px;
}
.online-message .box1 .group:nth-of-type(1) label,
.online-message .box1 .group:nth-of-type(2) label{
	margin-right: 15px;
	display: flex;
}
.online-message .box1 .rad{
	display: none;
}
input[type='radio'] + label::before{
	content: '';
	display: inline-block;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #d3d3d3;
	margin-right: 6px;
}

input[type='radio']:checked + label::before{
	padding: 4px;
	box-sizing: border-box;
	background-color: #547473;
	background-clip: content-box;
}

/*.send-mb{*/
	/*display: none;*/
	/*width: 60%;*/
	/*height: 44px;*/
	/*background: #547473;*/
	/*color: #fff;*/
	/*border: none;*/
	/*margin: 0 auto;*/
/*}*/
.online-message .box1 .group label{
	color: #8a8a8a;
	font-size: 14px;
	font-weight: normal;
	margin: 0;

}
.online-message .box1 input{
	width: 20px;
	height: 20px;
}
.online-message .box1 .txt input,
.online-message .box1 .txt textarea{
	height: 34px;
	flex: 1;
	border: 1px solid #d2d2d2;
	padding-left: 10px;
}
.online-message .box1 .txt textarea{
	height: 146px;
	padding-top: 10px;
}

.online-message .group button{
	flex: 1;
	height: 44px;
	background: #547473;
	color: #fff;
	border: none;
	margin-left: 10px;
}


.online-message .code{
	width: 20%;
	padding-top: 8%;
}

.online-message .code img{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.online-message .code p{
	text-align: center;
}

.online-message .box2 .tit{
	border: 1px solid #547473;
	border-bottom: none;
	width: 50%;
	padding-top: 16px;
	height: 84px;
	margin: 0 auto;
	margin-bottom: 36px;

}
.online-message .box2 .tit h2{
	color:#272727;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	margin-bottom: 22px;
}
.online-message .box2 .tit h1{
	font-size: 30px;
	color: #547473;
	text-align: center;
	margin: 0;
	display: flex;
	align-items: center;
}
.online-message .box2 .tit h1 span{
	display: inline-block;
	flex: 1;
	background:#547473;
	height: 1px;
}
.online-message .box2 .tit h1 span:first-of-type{
	margin-right: 5%;
}
.online-message .box2 .tit h1 span:last-of-type{
	margin-left: 5%;
}
.online-message .box2{
	margin-bottom: 60px;
}
.online-message .box2>p{
	font-size: 14px;
	color: #494747;
	text-align: center;
	margin-bottom: 40px;
}
.online-message .box2 .txt{
	border: 1px solid #d2d2d2;
	background: #fff;
	padding:20px 2% 20px 3%;
}
.online-message .box2 .telphone{

	border-bottom: 1px dashed #547473;
	background: url("../images/telphone.png") no-repeat center left;
	margin-bottom: 10px;
}
.online-message .box2 .address{
	background: url("../images/address.png") no-repeat center left;

}
.online-message .box2 .txt>div{
	padding: 30px 0;
	padding-left:80px;
}
.online-message .box2 .txt>div p{
	color: #494747;
	font-size: 14px;
	margin-bottom: 8px;
}
.online-message .box2 .txt>div h3{
	margin: 0;
	font-size: 26px;
	color: #547473;
}
.online-message .box2 .txt>div h5{
	margin: 0;
	color: #547473;
	font-size: 16px;
}

.online-message .box1 form .yanz{
	width: 55%;
}
.verify-bar-area{
	background: #f0f0f0 !important;
}

.verify-bar-area .verify-move-block{
	background:url("../images/drag.png") #aabe89 no-repeat center center !important;

}
.verify-bar-area .verify-move-block .verify-icon{
	opacity: 0;
}

.verify-bar-area .verify-left-bar{
	background: #547473 !important;
}
/*.verify-msg{*/
	/*color: #fff !important;*/
/*}*/

/*经销商登录*/
.login{
	background: url("../images/login-bg.jpg") no-repeat center center;
	background-size: cover;
	margin-top: 151px;
	padding: 36px 0  50px  0;
}
.login .box1{
	width:586px;
	height: 586px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
	padding-top: 4%;
}
.login .box1>h1{
	display: none;
}
.login .box1:before,
.login .box1:after{
	content: "";
	border-radius: 50%;
	position: absolute;
	-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
	-webkit-animation-duration: 4s;/*动画持续时间*/
	-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
	-webkit-animation-delay: 0s;/*动画延迟时间*/
	-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
	-webkit-animation-direction: alternate;/*定义动画方式*/
	display: none;
}
.login .box1:before{
	width:100% ;
	height: 100%;
	background: rgba(255,255,255,0.5);
	top: 0;
	left: 0;
	z-index: -1;
}
.login .box1:after{
	width:80% ;
	height: 80%;
	background: rgba(255,255,255,0.8);
	top: 10%;
	left: 10%;
	z-index: -1;
}


@keyframes ripple {
	0% {
		opacity:0.66;
		transform: scale(1,1);
	}
	100% {
		opacity: 0.8;
		transform: scale(1.1,1.1);
	}
}

.login .tit{
	text-align: center;
	margin-bottom: 20px;
}
.login .tit h1{
	color: #fff;
	font-size: 50px;
	font-family: bell_mtbold;
	font-weight: lighter;

	margin: 0;
}
.login .tit h2{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px	;
}
.login .tit>p{
	font-size: 14px;
	color: #fff;
}
.login .login-f{
	background: rgba(121,147,146,0.8);
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding: 32px 40px;
	max-width: 500px;
}
.login-f p{color: #fff;font-size: 20px;text-align: center;margin-bottom: 30px;}
.login .login-f label{
	border: 1px solid #fff;
	border-right:none;
	height: 42px;
	width: 60px;
	line-height: 42px;
	/* text-align: center; */
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	padding-left: 10px;
}
.login .login-f .group{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	align-items: center;
	

}
.login .login-f input{
	flex: 1;
	height: 42px;
	border: 1px solid #fff;
	border-left:none;
	background: transparent;
}
.login .login-f button{
	color: #fff;
	background: #aabe89;
	width:200px;
	height: 42px;
	border: none;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

	/*=================公共尾样式           开始===========================*/
footer{
	background:#4e4e4e;
	background-size: cover;
	padding-top: 30px;
}
.msg-nav{
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 88;
}
.msg-nav a{
    display: block;
    width: 68px;
    height: 62px;
    padding-top: 38px;
    margin-bottom: 2px;
	text-align: center;
	transition: .3s;
	opacity: 0.8;
}
.msg-nav a:hover{
	opacity: 1;
	color: #aabe89;
}

.msg-nav a:nth-of-type(1){
	display: none;
}

.msg-nav a:nth-of-type(2){
	background:url("../images/weixin.png") #547473 no-repeat top 10px center;
	position: relative;
}
.msg-nav a:nth-of-type(2) img{
	display: block;
	position: absolute;
	transform: scale(0,0);
	opacity: 0;
	left: -120%;
	top: 0;
	transition: .3s;
}
.msg-nav a:nth-of-type(2):hover img{
	transform: scale(1.2,1.2);
	opacity: 1;
}
.msg-nav a:nth-of-type(2):hover{
	background:url("../images/weixin2.png") #547473 no-repeat top 10px center;

}
.msg-nav a:nth-of-type(3){
	background:url("../images/QQ.png") #547473 no-repeat top 10px  center ;
}
.msg-nav a:nth-of-type(3):hover{
	background:url("../images/QQ2.png") #547473 no-repeat top 10px  center ;
}
.msg-nav a:nth-of-type(4){
	background:url("../images/top.png") #547473 no-repeat top 10px  center ;
	color: transparent;
}
.msg-nav a:nth-of-type(4):hover{
	background:url("../images/top2.png") #547473 no-repeat top 10px  center ;
}
/*.msg-nav a img{*/
    /*margin: 0 auto;*/
    /*display: block;*/
    /*margin-bottom: 2px;*/
/*}*/
.msg-nav a p{
    font-size: 14px;
    text-align: center;
}
footer a{color: #fff;}
.link-list{padding:40px 0;}
.footer-nav{display: flex;width: 52%;}
.footer-nav li{width: 25%;text-align: center;padding: 0 10px;border-right: 1px solid #464646;}
.footer-nav li:last-of-type{border-right: none;}
.footer-nav dt {margin-bottom: 20px;}
.footer-nav dt a{font-size: 14px;display: inline-block;color: #fff;font-weight: normal;}
.footer-nav dt a:hover{color: #e3e3e3;}
.footer-nav dd{margin-bottom: 10px;}
.footer-nav dd a{font-size: 14px;color: #b8b7b7;display: inline-block;}
.footer-nav dd a:hover{color: #e3e3e3;}
.footer-content{display: flex;justify-content: space-between;}


.link-list .slide-r{display: flex;width: 36%;}
.f-code{height: 140px; width: 120px;background: #fff;padding: 10px;border-radius: 6px;}
.f-code img{width: 100%;height: auto;display: block;}
.f-code p{font-size: 14px; color:#797979;text-align: center;}
.link-list .msg{padding-left: 20px;flex: 1;}
.f-logo{display: block;width: 200px;margin-bottom: 20px;}
.f-logo img{display: block;width: 100%;height: auto;}
.link-list .msg p{font-size: 14px;color:#b8b7b7;margin-bottom: 6px;}

.m-lm{border-bottom: 1px solid #464646;}
.f-link{width: 100%;padding:20px 0 10px 0;border-top: 1px solid #525252;display: flex;}
.f-link .tit{display:block;width: 80px;font-size:14px;color: #b8b7b7;font-weight: bold;}
.f-list{display: flex;flex: 1;flex-wrap: wrap;}
.f-list a{display:block;margin-right: 30px;color:#b8b7b7;transition: 0.3s;font-size:14px;padding-bottom: 10px;}
.f-list a:hover{color:#fff;}
@media screen and (max-width:1200px){
	.f-link{display: none;}
}

.ss-prev{background: url('../images/prev04.png') no-repeat center center;background-size: contain;left: 4%;}
.ss-next{background: url('../images/next04.png') no-repeat center center;background-size: contain;right: 4%;}

.icp{background: #4c4c4c;}
.icp .max-width-12{display: flex;justify-content: space-between;padding: 18px 0 24px 0;}
.icp p{color: #9a9a9a;font-size: 14px;}
/*=================公共尾样式            结束=======================*/

/*=================部分公共样式            开始==========================*/
.wrapper {
	width: 100%;
	min-width: 320px;
	margin: auto;
	overflow: hidden;
}

.layout {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1200px){.layout{padding-left: 15px; padding-right: 15px;}}
.clearfix::after{
	clear: both;
	content: '';
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
}
.ulclearfix ul::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px;
	content: '';
}

.liclearfix li::after{
	display: block;
	overflow: hidden;
	clear: both;
	width: 0px;
	height: 0px ;
	content: '';
}
body .swiper-container{overflow: hidden;}

/*=================部分公共样式            结束===================================*/

.wx-code{
	display: none;
}

.icp h2{
	display: none;
}


.login-hide{
	display: none;
}

.page-t{
	background: #f0f0f0;
	display: flex;
	justify-content: center;
	padding: 10px 0;
	margin: 20px auto;
	max-width: 1200px;
}
.page-t ul{
	display: flex;
	color: #494747;
	font-size: 16px;
}
.page-t ul li a{
	margin: 0 10px;
	color: #494747;
}
.news-more .more{
	background: #f0f0f0;
	text-align: center;
	padding: 12px 0;
	margin-bottom: 40px;
	display: none;
}

/*2020 7.8 iframe */
/* .ifr-b{
	  z-index: 99;
    width: 1000px;
    height: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: none;
		transition: .4s all;
}*/
/* .ifr-b .active{
	display: block;
}  */